<section id="login">
    <header>
        <h1>视觉中国后台管理系统</h1>
        <p title="秀出你的生活,展示你的作品,让更多的人加入我们的行列,成为优秀的超级之星,我们有你才精彩。">Show off your life, and show off your works, let more people join us and become excellent super star, we has you only then to be wonderful.</p>
    </header>

    <div class="clearfix"></div>

    <!-- Login -->
    <form class="box tile animated active" id="box-login" method="post" action="/users/login?r={{actionFlag}}">
        <h2 class="m-t-0 m-b-15">登录</h2>
        <input name="username" maxlength="20" required="required" type="text" class="login-control m-b-10" placeholder="用户名">
        <input name="password" type="password" required="required" class="login-control m-b-20" placeholder="密码">
        <!--<div class="checkbox m-b-20">-->
            <!--<label>-->
                <!--<input type="checkbox">-->
                <!--Remember Me-->
            <!--</label>-->
        <!--</div>-->
        <button class="btn btn-sm m-r-5">确定</button>

        <small>
            <!--<a class="box-switcher" data-switch="box-register" href="">还没有用户?</a>-->
            <!--或者<a class="box-switcher" data-switch="box-reset" href="">第三方</a>-->
        </small>
        <div class="other_login" style="display:none;">
            <span>使用第三方登录：</span>
            <a class="icon-large icon-qq-login" href="{{qqLoginUrl}}" title="使用QQ帐号登录"></a>
            <!--<a class="icon-large icon-weixin-login" href="http://tuchong.com/weixin/auth/" title="使用微信帐号登录"></a>-->
        </div>
    </form>
    <!-- Register -->
    <form class="box animated tile" id="box-register" action="/users/signup" autocomplete="on" method="post">
        <h2 class="m-t-0 m-b-15">注册</h2>
        <input name="username" maxlength="20" required="required" type="text" class="login-control m-b-10" placeholder="用户名">
        <input name="email" type="email" class="login-control m-b-10" placeholder="邮箱">
        <input name="password" required="required" type="password" class="login-control m-b-10" placeholder="密码">
        <input name="password_confirm" required="required" type="password" class="login-control m-b-20" placeholder="确认密码">

        <button class="btn btn-sm m-r-5">确定</button>

        <small><a class="box-switcher" data-switch="box-login" href="">切换去登录</a></small>
    </form>

    <!-- Forgot Password -->
    <form class="box animated tile" id="box-reset">
        <h2 class="m-t-0 m-b-15">Reset Password</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eu risus. Curabitur commodo lorem fringilla enim feugiat commodo sed ac lacus.</p>
        <input type="email" class="login-control m-b-20" placeholder="Email Address">

        <button class="btn btn-sm m-r-5">Reset Password</button>

        <small><a class="box-switcher" data-switch="box-login" href="">Already have an Account?</a></small>
    </form>
</section>
<!--<iframe src="http://photo-test-community-1.shijue.me/contest_public/index.jsp"></iframe>-->
{{#extend 'css'}}
<meta property="qc:admins" content="157611333763152134126375636" />
{{/extend}}